@charset "utf-8";
/* CSS Document */

html, body {
    width:100%;
    height:100%;
}
.shopInfo {
    width: 1230px;
    background: #fff;
    margin: 0 auto;
    padding: 10px 10px;
    border-top: 2px solid #19b1e3;
    padding-top: 15px;
}

.shopInfo .shopInfo-head {
    border: 1px solid #ccc;
    font-size: 12px;
    line-height: 27px;
    overflow: hidden;
}

.shopInfo .shopInfo-head p {
    background: #F7F7F7;
    padding-left: 10px;
    overflow: hidden;
    padding: 5px 10px;
}

.shopInfo .shopInfo-head p input {
    margin-left: 35px;
    *margin-left: 17px;
}

.shopInfo .shopInfo-head ul {
    width: 100%;
    overflow: hidden;
}

.shopInfo .shopInfo-head ul li {
    padding-left: 10px;
    float: left;
    margin-left: 130px;
}

.shopInfo .button {
    height: 60px;
    background: #fff;
}
.shopInfo .button .L_clear {float:left;
}
.shopInfo .button .L_clear input.input22 {margin-right:10px; margin-left:0px;background:none;color:#2e8ded;text-decoration:underline;border:none 0px
}
.shopInfo .button input {
    width: 85px;
    height: 30px;
    *line-height: 35px;
    background: #19b1e3;
    color: #fff;
    float: right;
    margin-left: 20px;
    margin-top: 15px;
    cursor: pointer;
    border: none;
}

.shopInfo .button input.input1 {
    background: #909090;
}

.shopInfo table tr:nth-child(2n) {
    background: #f7f7f7;
}

*html .shopInfo table tr:nth-child(2n) {
    background: #f7f7f7;
}

.shopInfo table tr {
    height: 68px;
    border-top: 1px solid #fff;
    border-bottom-color: #fff;
    text-align: center;
}

.shopInfo .total {
    height: 40px;
    background: #f7f7f7;
    margin-top: 20px;
    padding-left: 10px;
    border: 1px solid #ccc;
    line-height: 40px;
}

.shopInfo table tr td img {
    border: none;
}

.shopInfo .money {
    height: 40px;
    padding-left: 10px;
    line-height: 40px;
    border-bottom: 2px solid #19b1e3;
    margin-top: 5px; clear: both
}

.shopInfo .money ul li {
    float: left;
}

.shopInfo .text {
    width: 550px;
    height: 40px;
    *height: 0px;
    margin-top: 30px;
    padding-left: 10px;
    line-height: 40px;
    *line-height: 0px;
    border-bottom: 2px solid #CCC;
    position: relative;
}

.shopInfo .text input.active {
    width: 85px;
    height: 30px;
    *line-height: 35px;
    background: #19b1e3;
    color: #fff;
    float: right;
    margin-left: 20px;
    *margin-right: 20px;
    cursor: pointer;
    border: none;
    position: relative;
    left: 415px;
    bottom: 35px;
    *bottom: 0px;
}

.shopInfo .text input.box {
    border-top: none;
    border-left: none;
    border-right: none;
    border-bottom: none;
    width: 480px;
}

*html .shopInfo .text input.box {
    border: 1px solid #fff;
    position: absolute;
    top: 0px;
    left: 80px;
}

table tr td .number .add:hover {
    background: url(../images/add2.png) no-repeat;
}

table tr td .number .min:hover {
    background: url(../images/jian2.png) no-repeat;
}

table tr td .number {
    width: 95px;
    margin: 0 auto;
}

.number input.text_box {
    width: 70px;
    height: 32px;
    text-align: center;
    float: left;
    line-height: 32px;
}

.inputly {
    width: 92px;
    height: 25px;
    font-size: 12px;
    color: #666;
    text-align: center;
    line-height: 25px;
}

.table22 {
    width: 1230px;
}

.shopInfo .table22 thead tr {
    background: #f7f7f7;
    height: 40px;
    border-bottom: none 0px;
    color: #999;
}

.shopInfo .table22 thead tr th {
    border-bottom: none;
}

/* 2016/9/7 购物车页面，添加促销活动下拉框样式*/
.shopInfo .sales {
    width: 1230px;
    height: 25px;
    background: #19b1e3;
    cursor:pointer;
}

.shopInfo .sales .salesleft {
    color: #fff;
    float: left;
    margin-left: 20px;
    line-height: 25px;
}

.shopInfo .sales .salesright {
    color: #fff;
    float: right;
    margin-right: 45px;
    line-height: 25px;
    position: relative;
}

.arrowbg {
    background: url(../images/jiantou_r1_c1.png) center right no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    right: -20px;
    top: 4px;
    z-index: 555;
    line-height: 15px;
    overflow: hidden;
    cursor: pointer;
}

.arrowbg2 {
    background: url(../images/jiantou_r1_c2.png) center right no-repeat;
    width: 18px;
    height: 18px;
    position: absolute;
    right: -20px;
    top: 4px;
    z-index: 555;
    line-height: 15px;
    overflow: hidden;
    display:none;
}

.shopInfo .salesBox {
    width: 1228px;
    background: #FFFEEF;
    border: 1px solid #19b1e3;
    display:none;
}

.shopInfo .salesBox ul li {
    width: 1228px;
    height: 42px;
    font-weight: bold;
    margin-left: 20px;
    line-height: 42px;
    margin-bottom: 6px;
}

.shopInfo .salesBox ul li .salesText_left {
    float: left;
}

.shopInfo .salesBox ul li .salesText_right {
    width: 95px;
    height: 30px;
    float: right;
    border: 1px solid #19b1e3;
    margin-right: 45px;
    margin-top: 10px;
    text-align: center;
    line-height: 30px;
    cursor:pointer;
}
.shopInfo .salesBox a { color:#19b1e3;
}
.shopInfo .salesBox .check {
    width:170px;height:38px;
    border:1px solid #19b1e3;
    margin:0 auto;
    text-align:center;
    line-height:38px;
    cursor:pointer;
    margin-bottom:10px;
}


*+html .shopInfo .button .L_clear { float:left; width:100px
}
*+html .shopInfo .button .cart_remark {  overflow:hidden
}
*+html .shopInfo .button .cart_remark input { float:left; margin-left:0px;
}

*+html .shopInfo .button input.clsSubmit { line-height:30px
}
*+html .SCsearchbox input.suobox { line-height:30px; height:30px}
*+html .SCsearchbox input.qingkong { line-height:30px; height:30px}
/*2016/9/7 购物车页面,添加促销活动弹窗*/
.all {
    width:100%;
    height:100%;
    background:#7C7C7C;
    position:absolute;
    left:0px;top:0px;
    z-index:999;
    display:none;
    opacity:.5;-moz-opacity:.5;-webkit-opacity:.5;-o-opacity:.5;-ms-opacity:.5;
}
.dialog {
    width:900px;height:630px;
    background:#fff;
    position:absolute;
    z-index:9999;
    display:block;
}
.dialog2 {
    height:430px;
    display:none;
}
.dialog .dialog_t {
    width:838px;
    margin-top:25px;
    margin-left:24px;
}
.dialog .dialog_t span.red {
    color:#19b1e3;
    font-size:16px;
    font-weight:bold;
}
.dialog .dialog_b {
    width:850px;
    height:458px;
    margin:10px auto;
}
.dialog .dialog_b .dialog_b_l {
    width:240px;
    height:435px;
    float:left;
    position:relative;
}
.dialog .dialog_b .jiaPic{
    position:absolute;
    top:50%;
    left:107%;
}
.dialog .dialog_b .dialog_b_m {
    width:240px;
    height:435px;
    float:left;
    margin-left:65px;
    position:relative;
}
.dialog .dialog_b .dialog_b_r {
    width:240px;
    height:435px;
    float:right;
}
.dialog .dialog_b .commodity {
    width: 240px;
    height: 415px;
    border: 1px solid #ccc;
    overflow: auto;
    *position: relative;
}
.dialog .dialog_b .commodity ul li {
    width:210px;height:198px;
    border:1px solid #ccc;
    margin:5px auto; position:relative
}
.dialog .dialog_b .title{
    width:242px;
    height:22px;
    border-bottom:3px solid #19b1e3;
    text-align:center;
    color:#19b1e3;
    font-weight:bold;
}
.dialog .dialog_b .title span.circle{
    background:#19b1e3;
    color:#fff;
    padding:0px 5px;
    border-radius:100%;
    -moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;
}
.dialog .dialog_b .commodity ul li .pic{
    width:210px;height:85px;
    text-align:center;
    margin-top:5px;
    margin-bottom:5px;
    position:relative;
}
.dialog .dialog_b .commodity ul li .pic img{
    width:85px;height:85px;
}
.dialog .dialog_b .commodity ul li .text1{
    width:204px;height:23px;
    margin-left:6px;
    line-height:18px;
    font-size:14px;
    overflow:hidden;
    color:#000;
    cursor: pointer;
    word-wrap:break-word;
}

.dialog .dialog_b .commodity ul li .text1 a{
    white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
    width: 115px;
    display: block;
    float: left;
}

.dialog .dialog_b .commodity ul li .text2{
    width:204px;height:20px;
    margin-left:6px;
    line-height:12px;
    font-size:12px;
    overflow:hidden;
    white-space:nowrap;text-overflow:ellipsis;
}
.dialog .dialog_b .commodity ul li .text3{
    width:204px;height:40px;
    margin-left:6px;
    margin-top:-3px;

}
.dialog .dialog_b .commodity ul li .circle2{
    background:#19b1e3;
    color:#fff;
    padding:0px 3px;
    font-size:9px;
    border-radius:100%!important;
    -moz-border-radius:100%;-webkit-border-radius:100%;-o-border-radius:100%;-ms-border-radius:100%;
    position:absolute;
    right:5px;bottom:30px; z-index:5; border:1px solid #fff;line-height:15px
}
.dialog .dialog_b .commodity ul li .text3 img{
    width:35px;height:35px; position:absolute;  right:10px; bottom:10px; z-index:4;

}
.dialog .dialog_b .commodity ul li .text3 span.price{
    height:30px;
    color:#19b1e3;
    font-size:14px;
    font-weight:bold;

}
.dialog .dialog_b .commodity  span.jifen{
    color:#19b1e3;
    line-height:16px;
    font-size:12px;
    margin-left:12px;
}
.dialog .close {
    margin:0 auto;
    width:95px;
    height:35px;
    background:#19b1e3;
    margin-top:0px;
    line-height:35px;
    text-align:center;
    cursor:pointer;
    border-radius:5px;
    -moz-border-radius:5px;-webkit-border-radius:5px;-o-border-radius:5px;-ms-border-radius:5px;
}
.dialog .close a{
    color:#fff;
}


/*单列C组赠送商品滚动样式*/
.device_99 {
    width: 238px;
    height: 210px;



    position: relative;

}
.device_99 .arrow-left {
    background: url(../images/shang.jpg) no-repeat left top;
    position: absolute;
    left: 50%;
    top: 3px;
    width: 16px;
    height: 8px;z-index:99999; margin-left:-8px
}
.device_99 .arrow-right {
    background: url(../images/xia.jpg) no-repeat left bottom;
    position: absolute;
    bottom: -18px;
    left: 50%;

    width: 16px;
    height: 12px;z-index:99999;margin-left:-8px
}
.swiper-container {
    height: 210px;
    width: 238px;
}



.dialog .dialog_b .commodity .device_99  ul li { margin-top:10px
}

.dialog .dialog_b .dialog_b_r{ margin-left: 60px; float: left}

@media screen and (max-width : 1024px) {
    .shopInfo {
        width: 966px;
        overflow: hidden;
    }

    .table22 {
        width: 966px;
        overflow: hidden;
    }

    .shopInfo .shopInfo-head p {
        padding: 5px 7px;
    }
    .shopInfo .sales {
        width: 966px;
    }
    .shopInfo .salesBox {
        width: 964px;
    }
    .shopInfo .salesBox ul li {
        width: 964px;
    }
    .shopInfo .shopInfo-head ul li {
        padding-left: 8px;
        margin-left: 126px;
    }
    .shopInfo .shopInfo-head p input {margin-left:26px;
    }

}


.swcls{ display: none;margin-left: 8px;margin-right: 8px;}